<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>湖南聚媒优品有限公司</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../style/top-foot.css" />
    <link rel="stylesheet" href="../style/index.css" />
</head>

<body>
<div class="zzzz">
    <div class="zzzz1">
        <h3 style="height: 80px;margin-top: 10px;text-align: center;font-size: 1.7rem" class="txt-alert">提交成功!</h3>
        <p class="text-right">
            <button type="button" class="btn btn-success mis-btn" style="width: 100px">确定</button></p>
    </div>
</div>
    <div class="content index-content">
        <div class="container-fluid">
            <!--banner-->
            <div class="row">
                <div class="col-lg-12">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img src="../img/index/banner1.png" width="100%" alt="...">
                            </div>
                            <div class="item">
                                <img src="../img/index/banner1.png" width="100%" alt="...">
                            </div>
                            <div class="item">
                                <img src="../img/index/banner1.png" width="100%" alt="...">
                            </div>
                        </div>
                    </div>
                    <img src="../img/index/profession.png" alt="" class="profession">
                    <img src="../img/index/subBanner2.png" alt="" class="subbanner">
                    <img src="../img/mouse.gif" alt="" class="mouse">
                </div>
            </div>
            <!--new media-->
            <div class="row pro">
                <p class="boxtitle">新媒体整合营销专家</p>
                <p class="box-subtitle">整合超过50万家优质媒体资源，提供定制策划、媒体投放、效果优化等全流程管家式服务</p>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cont-adds">
                            <div class="cont-adds-a">
                                <ul>
                                    <li>
                                        <a class="pangqian-a" href='#'></a>
                                        <h3>移动广告</h3>
                                        <p>今日头条、爱奇艺、芒果TV、UC头条、
                                            <br>
                                            凤凰网等
                                        </p>
                                    </li>
                                    <li>
                                        <a class="pangqian-b" href='#'></a>
                                        <h3>社媒广告</h3>
                                        <p>微信广告、陌陌广告、广电通、
                                            <br>
                                            新浪粉丝通等
                                        </p>
                                    </li>
                                    <li>
                                        <a class="pangqian-c" href='#'></a>
                                        <h3>搜索广告</h3>
                                        <p>百度搜索、360搜索、搜狗搜索、
                                            <br>
                                            神马搜索等
                                        </p>
                                    </li>
                                    <li>
                                        <a class="pangqian-d" href='#'></a>
                                        <h3>整合策划</h3>
                                        <p>系统的新媒体营销解决方案，
                                            <br>
                                            帮你快速找准盈利模式
                                        </p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--middle slider-->
            <div class="row">
                <div class="col-lg-12">
                    <div class="index-middle-banner">
                        <!--<img src="../img/index/middle-banner.jpg" alt="...">-->
                        <div class="index-banner-bg">
                            <img src="../img/index/no4.png" alt="..." class="no4">
                            <div class="pro middle-server">
                                <p class="boxtitle">服务优势</p>
                                <p >整合超50万家优质资源，通过大数据技术，洞悉用户真实需求，
                                    <br>精准投放，营销更高效
                                </p>
                            </div>
                            <div class="index-res">
                                <ul>
                                    <li>
                                        <a class="index-res-a" href='#'></a>
                                        <p>海量资源</p>
                                    </li>
                                    <li>
                                        <a class="index-res-b" href='#'></a>
                                        <p>投入产出比高</p>
                                    </li>
                                    <li>
                                        <a class="index-res-c" href='#'></a>
                                        <p>50<sup>+</sup>实操家</p>
                                    </li>
                                    <li>
                                        <a class="index-res-d" href='#'></a>
                                        <p>2000<sup>+</sup>成功案例</p>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <!--floor-->
            <div class="row index-floor-top">
            <div class="col-lg-12">
                <!--floor1-->
                <div class="index-floor floor1">
                    <p class="floor-title"><span class="title-icon"></span>海量资源</p>
                    <p class="floor-subtitle">整合海量媒体资源，全网覆盖用户场景</p>
                    <p class="floor-text">整合搜索平台、社交媒体、移动媒体等超过50万家优质媒体资源，具有千亿级流量级别服务能力，</p>
                    <p class="floor-text">覆盖98%的中国网民</p>
                    <table>
                        <tr>
                            <td><a href="" class="refs-row1-a"></a></td>
                            <td><a href="" class="refs-row1-b"></a></td>
                            <td><a href="" class="refs-row1-c"></a></td>
                            <td><a href="" class="refs-row1-d"></a></td>
                            <td><a href="" class="refs-row1-e"></a></td>
                            <td><a href="" class="refs-row1-f"></a></td>
                        </tr>
                        <tr>
                            <td><a href="" class="refs-row2-a"></a></td>
                            <td><a href="" class="refs-row2-b"></a></td>
                            <td><a href="" class="refs-row2-c"></a></td>
                            <td><a href="" class="refs-row2-d"></a></td>
                            <td><a href="" class="refs-row2-e"></a></td>
                            <td><a href="" class="refs-row2-f"></a></td>
                        </tr>
                    </table>
                </div>
                <div class="index-floor floor2">
                    <p class="floor-title"><span class="title-icon"></span>投入产出比高</p>
                    <p class="floor-subtitle">大数据精准投放系统，更小投入更大回报</p>
                    <p class="floor-text">通过大数据技术对各个投放渠道的目标受众进行用户画像，并对传播过程进行预判和合理控制，</p>
                    <p class="floor-text">更精准有效的影响目标受众</p>
                    <img src="../img/index/floor2.png" alt="">
                </div>
                <div class="index-floor floor3">
                    <p class="floor-title"><span class="title-icon"></span><b>50<sup>+</sup></b>实操家</p>
                    <p class="floor-subtitle">聚合各路实操家，以这里为家</p>
                    <p class="floor-text">主创团队均拥有8<sup>+</sup>年互联网经验，优质服务更依靠完善的服务体系，在这里，</p>
                    <p class="floor-text">每个人都是聚媒优品的主人，视为自己的事业耕耘</p>
                    <div class="floor3-pics">
                        <ul>
                            <li>
                                <img src="../img/index/picShow-col1-1-1.png" alt="">
                                <img src="../img/index/picShow-col1-2-1.png" alt="">
                            </li>
                            <li>
                                <img src="../img/index/picShow-col2-1-1.png" alt="">
                                <img src="../img/index/picShow-col2-2-1.png" alt="">
                            </li>
                            <li>
                                <img src="../img/index/picShow-col3-1-1.png" alt="">
                                <img src="../img/index/picShow-col3-2-1.png" alt="">
                            </li>
                            <li>
                                <img src="../img/index/picShow-col4-1-1.png" alt="">
                                <img src="../img/index/picShow-col4-2-1.png" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="floor4">
                    <div>
                        <ul>
                            <li>
                                2000<sup>+</sup>
                                <p>团队合作客户超过2000家</p>
                            </li>
                            <li>99<b>%</b>
                                <p>好评率近99%</p>
                            </li>
                            <li>60<b>%</b>
                                <p>回头客户超过60%</p>
                            </li>
                        </ul>
                    </div>
                    <!--<img src="../img/index/floor4-img.jpg" alt="">-->
                    <div class="floor4-bg">
                        <div class="floor4-title-box">
                            <img src="../img/index/floor-icon4.png" alt="">
                            <p class="floor4-title"><span>2000<sup>+</sup></span>成功案例</p>
                            <p class="floor4-subtitle">2000<sup>+</sup>的客户选择，值得托付</p>
                            <p class="floor4-text">团队合作客户超过2000家，好评率近99%，回头客户超过60%，客户的信任，是我们最引以为傲的竞争力</p>
                            <a href="" class="button-down"><img src="../img/index/button.png" alt=""></a>
                        </div>
                    </div>
                    <img src="../img/index/computer.png" alt="" class="computer">
                </div>
                <div class="message">
                    <form>
                        <div class="form-group">
                            <span class="clear-btn">
                                <i></i>
                            </span>
                            <input type="text" tabindex="1" autocomplete="off" id="username" placeholder="请输入您的姓名" name="userName">
                        </div>
                        <div class="form-group">
                            <span class="clear-btn-a">
                                <i></i>
                            </span>
                            <input type="text" tabindex="1" autocomplete="off" id="userphone" placeholder="请输入您的手机号" name="phoneNumber">
                        </div>
                        <div class="form-group">
                            <textarea placeholder="请输入您所想的留言" rows="5" onkeydown="checkMaxInput(this,100)" onkeyup="checkMaxInput(this,100)" onfocus="checkMaxInput(this,100)"
                                      onblur="checkMaxInput(this,100);"></textarea>
                            <span class="maxtext">*最多输入100个字</span>
                        </div>
                        <button type="button" class="btn submit">提交</button>
                        <span class="send-email">或者发送商务咨询到邮箱: <b>282850486@qq.com</b></span>
                    </form>
                </div>
            </div>

        </div>
        </div>
    </div>
<div class="side">

    <ul>
        <li>
            <a class="py" href="#">
                <img src="../img/side_icon01.png">
                <div class="py-a">
                    <img src="../img/wxerw.png" width="111px" height="111px">
                </div>
            </a>
        </li>

        <li>
            <a href="#">
                <div class="sidebox">
                    <img src="../img/side_icon02.png">185 7065 7850</div>
            </a>
        </li>

        <li>
            <a href="contactUs.html">
                <div class="sidebox">
                    <img src="../img/side_icon04.png">在线留言</div>
            </a>
        </li>

        <li>
            <a class="py" href="javascript:void(0);">
                <img src="../img/side_icon03.png">
            </a>
        </li>

        <li style="border:none;">
            <a href="javascript:goTop();" class="sidetop"></a>
        </li>

    </ul>

</div>
    <script src="../js/jquery-1.10.2.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../script/top-foot.js"></script>
    <script src="../script/index.js"></script>
    <script type="text/javascript">
        //多行文本输入框剩余字数计算
        function checkMaxInput(obj, maxLen) {
            if (obj == null || obj == undefined || obj == "") {
                return;
            }
            if (maxLen == null || maxLen == undefined || maxLen == "") {
                maxLen = 100;
            }
            if (obj.value.length > maxLen) { //如果输入的字数超过了限制
                obj.value = obj.value.substring(0, maxLen); //就去掉多余的字
            }
        }

    </script>
</body>

</html>